<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>会员注册</title>
<meta name="author" content="m.mjpiano.com">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Expires" CONTENT="-1">           
<meta http-equiv="Cache-Control" CONTENT="no-cache">           
<meta http-equiv="Pragma" CONTENT="no-cache">
<link rel="stylesheet" href="/m/css/style.css">
<link rel="stylesheet" href="/m/css/log_reg.css">
<link href="<%=basePath%>skin/css/validform/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=basePath%>skin/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>skin/js/validform/Validform_v5.3.2_min.js"></script>
<script language="javascript">
	 $().ready(function(){
		 //验证
		 var validform = $("#form1").Validform({
			btnSubmit:"#save",
			tiptype:1
		 });
		 validform.addRule([
			{
			    ele:"#username",
			    datatype:"m",
			    nullmsg:"请输入手机！",
			    ajaxurl:"<%=basePath%>checkUsername.shtml"
			},
			{
			    ele:"#password",
			    datatype:"*",
			    nullmsg:"请输入密码！"
			},
			{
			    ele:"#cfpassword",
			    datatype:"*",
			    nullmsg:"请输入确认密码！",
			    recheck:"password"
			},
			{
			    ele:"#email",
			    datatype:"e",
			    nullmsg:"请输入E-mail！"
			}
		 ]);
	 });
</script>
</head>
<body>
	<header>
		<div class="header">
			<a href="/m/index.html" class="header-a-back"><span>返回</span></a>
			<a href="/m/index.html" class="header-a-home"><span>首页</span></a>
			<h2>注册</h2>
		</div>
	</header>
	<article class="connerdiv">
		<form id="form1" name="formLogin" method="post" action="<%=basePath%>m/register/save.shtml">
		<input type="hidden" name="redirectUrl" value="${redirectUrl}" />
			<dl class="connerbox">
				<dd>
					<span class="form_hd">手机：</span><span class="form_td"><input id="username"
						name="username" type="text" placeholder="请输入手机"
						maxlength="50" class="text_input"></span><a href="javascript:;"
						class="i-delete-text input_empty_text"><i
						class="i-icon-remove"></i></a>
				</dd>
				<dd>
					<span class="form_hd">密码：</span><span class="form_td"><input id="password"
						name="password" type="password" maxlength="50"
						placeholder="6－20位字母、数字结合" class="text_input"></span><a
						href="javascript:;" class="i-delete-text input_empty_text"><i
						class="i-icon-remove"></i></a>
				</dd>
				<dd>
					<span class="form_hd">确认密码：</span><span class="form_td ml80"><input id="cfpassword"
						name="cfpassword" type="password" maxlength="50"
						placeholder="6－20位字母、数字结合" class="text_input"></span><a
						href="javascript:;" class="i-delete-text input_empty_text"><i
						class="i-icon-remove"></i></a>
				</dd>
				<dd>
					<span class="form_hd">邮箱：</span><span class="form_td ml80"><input id="email"
						name="email" placeholder="请输入邮箱" class="text_input"></span><a
						href="javascript:;" class="i-delete-text input_empty_text"><i
						class="i-icon-remove"></i></a>
				</dd>
			</dl>
			<div class="space15"></div>
			<input type="button" class="btn btn-purple" id="save" value="注册" />
			<div class="space15"></div>
			<a href="/m/login.shtml" class="forgetkey">已有账号，去登录>></a>
		</form>
	</article>
	<c:import url="/m/layouts/foot.jsp" />
	</div>
</body>
</html>
